<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>语义化标签</title>
</head>
<body>
<!--
没有语义的布局标签
div         一行只显示一个（独占一行）
span        一行可以显示多个
-->
<div>这是div标签</div>
<div>这是div标签</div>
<span>这是span标签</span>
<span>这是span标签</span>
<!--
有语义的布局标签（手机）
header       网页头部
nav          网页导航
footer       网页底部
aside        网页侧边栏
section      网页区块
article      网页文章
-->
<header>网页头部</header>
<nav>网页的导航</nav>
<footer>网页的底部</footer>
<aside>侧边栏</aside>
<section>网页区块</section>
<article>网页文章</article>
</body>
</html>